<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="add" method="get">
        <fieldset>
            <legend>请完善数据</legend>
            <!--
            readOnly和disabled的区别
            1、readOnly只能用于文本框，表示该文本框的内容只能读取，不能编辑。
            disabled可以用于任何元素，表示该元素不可使用，也不响应事件。
            2、当表单提交时，readOnly修饰文本框，会将值提交服务器，而disabled不会。
            -->
            姓名：<input type="text" name="name" value="1" readonly><br>
            小名：<input type="text" name="name" value="2" disabled><br>
            <!--placeholder提示消息-->
            密码：<input type="password" name="pwd" placeholder="请输入密码"><br>
            年龄：<input type="number" max="40" min="20" name="age"><br>
            生日：<input type="date" name="birthday"><br>
<!--           单选框 当两个单选框name一致，可以完成互斥。checked表示当前单选框默认被选中
                表单提交时，会将选中项的value提交服务器
-->
            性别：<input type="radio" name="sex" value="man" checked>男
                <input type="radio" name="sex" value="woman">女<br>
<!--          复选框  当表单提交时，会将选中项的value提交服务器，为多个同名键值对-->
            爱好：<input type="checkbox" name="like" value="sport">体育
                <input type="checkbox" name="like" value="music" checked>音乐
                <input type="checkbox" name="like" value="draw">美术<br>
            <input type="hidden" name="id" value="1">
<!--            文件表单，将客户端本地文件，上传服务器-->
            头像：<input type="file" name="face"><br>
            <!--下拉框，option为选项，如果该option没有value属性，那么，标签内容为value属性值
                表单提交时，会将选中项的value提交服务器。
            -->
            学历：<select name="edu">
                    <option>高中</option>
                    <option value="dz">大专</option>
                    <option value="bk">本科</option>
                 </select><br>
<!--            多行文本框-->
            简历：<textarea name="info" rows="10" cols="50"></textarea><br>

<!--            重置按钮，将表单数据恢复到默认状态-->
            <input type="reset">
            <input type="submit" value="添加">
<!--            命令按钮，主要用于响应js事件-->
            <input type="button" value="命令" disabled>
        </fieldset>
    </form>

</body>
</html>